<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./style/product_list.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Canavas Danmu Wall</title>
</head>
<body>
<div id="container" style="background: #F1F3F5">
    <div id="nav">
        全网热卖
    </div>
    <ul id="productList">
        <li onclick='jumpDetail(0)'>
        <img alt='' src='imgs/ic_1.png' />
        <div>
            <p>珀莱雅能量面霜檀能因抗皱紧致修护保湿</p>
            <span><span>¥</span> 437</span>
        </div>
        </li>
        <li onclick='jumpDetail(1)'>
            <img alt='' src='imgs/ic_2.png' />
            <div><p>肌肤之钥CPB超导钻光瓶精华抗老修护紧致</p>
                <span><span>¥</span> 1150</span>
            </div>
        </li>
        <li onclick='jumpDetail(2)'>
            <img alt='' src='imgs/ic_3.png' />
            <div>
                <p>SK-II神仙水精华面霜护肤套装礼盒礼物sk2skll</p>
                <span><span>¥</span> 2633</span>
            </div>
        </li>
        <li onclick='jumpDetail(3)'>
            <img alt='' src='imgs/ic_4.png' />
            <div>
                <p>AKF散粉定妆粉持久控油不脱妆蜜粉饼</p>
                <span><span>¥</span> 41.6</span>
            </div></li>
        <li onclick='jumpDetail(4)'>
            <img alt='' src='imgs/ic_5.png' />
            <div><p>雅诗兰黛白金6D黑钻眼霜淡纹淡泪沟抗皱紧致修护舒缓</p>
                <span><span>¥</span> 1300</span>
            </div>
        </li>
        <li onclick='jumpDetail(5)'>
            <img alt='' src='imgs/ic_6.png' />
            <div><p>欧莱雅第四代小蜜罐面霜水乳套装紧致抗皱护肤品</p>
                <span><span>¥</span> 399</span>
            </div>
        </li>
        <li onclick='jumpDetail(6)'>
            <img alt='' src='imgs/ic_7.png' />
            <div><p>懒人家族定妆蜜粉懒人水蜜粉化妆师专用定妆散粉提亮柔焦粉饼持久</p>
                <span><span>¥</span> 249</span>
            </div>
        </li>
    </ul>
</div>
<script src="./js/product_list.js"></script>
</body>
</html>
